<!DOCTYPE html>
<html>
<head>
<title>已填写</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
    box-sizing: border-box;
}

/* body 样式 */
body {
    font-family: Arial;
    padding: 10px;
    background: #f1f1f1;
}

/* 导航 */
.navbar {
    overflow: hidden;
}
/* 导航栏样式 */
.navbar a {
    width:50%;
    background-color: #ed64af;
    float: right;
    display: block;
    color: white;
    text-align: center;
    padding: 8px 8px;
    text-decoration: none;
}
/* 鼠标移动到链接的颜色 */
.navbar a:hover {
    background-color:gray;
}


.navbar1 {
    overflow: hidden;
}
.navbar1 a {
    width:50%;
    background-color: #6495ED;
    float: left;
    display: block;
    color: white;
    text-align: center;
    padding: 8px 8px;
    text-decoration: none;
}
.navbar1 a:hover {
    background-color:gray;
}

/*外凸边框*/
.outset {border-style:outset;}

/*加粗字体放大*/
.h {
    font-weight:bold;font-size:25px;
}

/*圆角边框*/
.rcorners {
    border-radius: 25px;
    border: 1px solid gray;
    padding: 2px; 
    width: 15%;
    height: 10%;  
    color:gray; 
    font-size:6px;
    text-align: center;
}

.right {
    text-align: right;
}


</style>
</head>

<body>


<div>
  <span class="navbar1"><a href="waitForComplete">待填写</a></span>
  <span class="navbar"><a href="alreadyCompleted">已填写</a></span>
</div>
<br>
<br>
<br>
<div class="outset">
    <span class="h">
        <a href="表单.html">每日员工健康打卡</a><br/>
    </span>
    <p>创建者：疫情防控办公室</p>
    <div class="right"><b class="rcorners">实名制</b></div>
    <div class="right"><span class="rcorners">
        <script type="text/javascript">
            var date = new Date();time = date.getHours();
            if(time>6&&time<22){document.write("<b>进行中</b>");}
            else {document.write("<b>已截止</b>");}
        </script>
    </span></div>
    <script type="text/javascript">
        var date = new Date();
        document.write(date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() );
    </script>

</div>



</body>
</html>